<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- 前台首页 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" href="css/tjc.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/tjc.js"></script>
<title>welcome to tjc</title>
</head>

<body>
	<div id="top">
    	<img id="top_left" src="images/logo.png" alt="土家菜美食城www.tujiacai.com"/>
        <form id="login_form">
        	<div id="top_middle">
            	<label>用户名：</label>
                <input class="login_text" type="text" />
                <label>密  码：</label>
                <input class="login_text" type="text" />
                <input id="login_button" type="button" value="登录" />
            </div>
        </form>
        <div id="top_right">
        	<a id="regist_link" href="#">马上注册</a>
        </div>
		
			
		
    </div>
    <div id="content">
    	<!--left-->
    	<div id="content_left">
        	<div class="content_left_border" id="left_border_top"></div>
            <h2>餐饮分类</h2>
        	<ul>	
            	<li class="content_left_select"><img class="content_left_icon" src="images/yu.gif" />中式冷盘</li>
                <li><img class="content_left_icon" src="images/daocha.gif" />中式热炒</li>
                <li><img class="content_left_icon" src="images/hanbao.gif" />西式餐点</li>
                <li><img class="content_left_icon" src="images/bing.gif" />餐后甜点</li>
                <li><img class="content_left_icon" src="images/shui.gif" />水果拼盘</li>
                <li><img class="content_left_icon" src="images/jiushui.gif" />茶水酒饮</li>
                <li><img class="content_left_icon" src="images/taocan.gif" />便捷套餐</li>
            </ul>
            <div class="content_left_border" id="left_border_buttom"></div>
        </div>
        <!--left end-->
        <!--middle-->
        <div id="content_middle">
        	<div id="content_middle_top">
            	<h2>中式冷盘</h2>
                <ul>
                	<li class="content_middle_top_select">绿色素材</li>
                    <li>清口晕菜</li>
                    <li>秘制特色</li>
                </ul>
                <img id="content_middle_select" src="images/select.gif" />
            </div>
            <div id="content_middle_buttom">
            	<!--list-->
                <div class="foot_info">
                    <div class="green_left green_left_back"></div>
                    <div id="food_list" class="green_background">
                        <img class="foot_list_img" src="images/1.gif" />
                        <ul>
                            <li>菜名：凉拌虫草</li>
                            <li>价格：40元/份</li>
                        </ul>
                        <p>简介：虫草花又名虫草菌，虫草花呈美丽的金黄色，虫草花有虫草的药效，却不像虫草昂贵，其性质平和，不寒不燥，具有补肺、补肾和护</p>
                        <img class="ding" src="images/ding.gif" />
                    </div>
                    <div class="green_right green_right_back"></div>
                </div>
                <!--list end-->

                <!--list-->
                <div class="foot_info">
                    <div class="green_left"></div>
                    <div id="food_list">
                        <img class="foot_list_img" src="images/4.gif" />
                        <ul>
                            <li>菜名：什锦果蔬</li>
                            <li>价格：40元/份</li>
                        </ul>
                        <p>简介：虫草花又名虫草菌，虫草花呈美丽的金黄色， 虫草花有虫草的药效，却不像虫草昂贵，其性质平 和，不寒不燥，具有补肺、补肾和护</p>
                        <img class="ding" src="images/ding.gif" />
                    </div>
                    <div class="green_right"></div>
                </div>
                <!--list end-->
                
                <!--list-->
                <div class="foot_info">
                    <div class="green_left green_left_back"></div>
                    <div id="food_list" class="green_background">
                        <img class="foot_list_img" src="images/2.gif" />
                        <ul>
                            <li>菜名：凉拌豆角</li>
                            <li>价格：40元/份</li>
                        </ul>
                        <p>简介：虫草花又名虫草菌，虫草花呈美丽的金黄色，虫草花有虫草的药效，却不像虫草昂贵，其性质平和，不寒不燥，具有补肺、补肾和护</p>
                        <img class="ding" src="images/ding.gif" />
                    </div>
                    <div class="green_right green_right_back"></div>
                </div>
                <!--list end-->
                
                <!--list-->
                <div class="foot_info">
                    <div class="green_left"></div>
                    <div id="food_list">
                        <img class="foot_list_img" src="images/3.gif" />
                        <ul>
                            <li>菜名：什锦果蔬</li>
                            <li>价格：40元/份</li>
                        </ul>
                        <p>简介：虫草花又名虫草菌，虫草花呈美丽的金黄色， 虫草花有虫草的药效，却不像虫草昂贵，其性质平 和，不寒不燥，具有补肺、补肾和护</p>
                        <img class="ding" src="images/ding.gif" />
                    </div>
                    <div class="green_right"></div>
                </div>
                <!--list end-->
                
                <!--list-->
                <div class="foot_info">
                    <div class="green_left green_left_back"></div>
                    <div id="food_list" class="green_background">
                        <img class="foot_list_img" src="images/1.gif" />
                        <ul>
                            <li>菜名：凉拌虫草</li>
                            <li>价格：40元/份</li>
                        </ul>
                        <p>简介：虫草花又名虫草菌，虫草花呈美丽的金黄色，虫草花有虫草的药效，却不像虫草昂贵，其性质平和，不寒不燥，具有补肺、补肾和护</p>
                        <img class="ding" src="images/ding.gif" />
                    </div>
                    <div class="green_right green_right_back"></div>
                </div>
                <!--list end-->

                <!--list-->
                <div class="foot_info">
                    <div class="green_left"></div>
                    <div id="food_list">
                        <img class="foot_list_img" src="images/4.gif" />
                        <ul>
                            <li>菜名：什锦果蔬</li>
                            <li>价格：40元/份</li>
                        </ul>
                        <p>简介：虫草花又名虫草菌，虫草花呈美丽的金黄色， 虫草花有虫草的药效，却不像虫草昂贵，其性质平 和，不寒不燥，具有补肺、补肾和护</p>
                        <img class="ding" src="images/ding.gif" />
                    </div>
                    <div class="green_right"></div>
                </div>
                <!--list end-->
                
                <!--list-->
                <div class="foot_info">
                    <div class="green_left green_left_back"></div>
                    <div id="food_list" class="green_background">
                        <img class="foot_list_img" src="images/1.gif" />
                        <ul>
                            <li>菜名：凉拌虫草</li>
                            <li>价格：40元/份</li>
                        </ul>
                        <p>简介：虫草花又名虫草菌，虫草花呈美丽的金黄色，虫草花有虫草的药效，却不像虫草昂贵，其性质平和，不寒不燥，具有补肺、补肾和护</p>
                        <img class="ding" src="images/ding.gif" />
                    </div>
                    <div class="green_right green_right_back"></div>
                </div>
                <!--list end-->

                <!--list-->
                <div class="foot_info">
                    <div class="green_left"></div>
                    <div id="food_list">
                        <img class="foot_list_img" src="images/4.gif" />
                        <ul>
                            <li>菜名：什锦果蔬</li>
                            <li>价格：40元/份</li>
                        </ul>
                        <p>简介：虫草花又名虫草菌，虫草花呈美丽的金黄色， 虫草花有虫草的药效，却不像虫草昂贵，其性质平 和，不寒不燥，具有补肺、补肾和护</p>
                        <img class="ding" src="images/ding.gif" />
                    </div>
                    <div class="green_right"></div>
                </div>
                <!--list end-->
                
            </div>
        </div>
        <!--middle end-->
        <div id="menu_line">
            <div id="content_right">
                <div id="content_right_top_bar"></div>
                <div id="content_right_middle">
                    <h2>已点餐饮</h2>
                    <ul>
                    </ul>
                    <p><input id="order_menu" type="button" value="确认订单" /></p>
                </div>
                <div id="content_right_buttom_bar"></div>
            </div>
    	</div>
    </div>
</body>
</html>
    <!--遮罩层-->
<!--    <div id="mask">
    </div>-->

